import React from 'react';
import MyInfo from './MyInfo';
import { Card, Tabs} from "antd";
import type { TabsProps } from 'antd';
import Skill  from './components/skill';
import  Experience  from './components/experience';
import  Project  from './components/project';

const tabList:TabsProps['items'] = [
  {
    key: '1',
    label: `技能`,
    children: <Skill></Skill>,
  },
  {
    key: '2',
    label: `工作经历`,
    children: <Experience></Experience>,
  },
  {
    key: '3',
    label: `项目经历`,
    children: <Project></Project>,
  },
]
export default function home() {
  return (
  <div className='min-h-full flex'>
    <MyInfo></MyInfo>
    <Card className='w-full ml-2'>
      <Tabs defaultActiveKey="1" items={tabList} />
    </Card>
  </div>)
}
